<?php
include("../includes/conexion.php");
include("../includes/funciones.php");

$lista_tipo_usuariosEvento = lista_tipo_usuarios("tipos", "onchange='seleccion_capos_por_tipo();'");
$lista_oficinas = lista_oficinas();
$lista_especialidad = lista_especialidad();
?>

<link rel="stylesheet" href="css/styls-win.css" type="text/css" />
<div id="lista_mantenimientos">
    <form name="formu" id="formu" method="post" onsubmit="return false;">

        <div  class="salto_fila" >
            Datos Tecnicos
        </div>
        <div class="fila_spacio"></div>
        <div class="fila">
            <div class="columna1" >Tipo</div>
            <div class="columna2">:</div>
            <div class="columna3"><?php echo $lista_tipo_usuariosEvento; ?></div>
        </div>

        <div id="campo_especialidad" class="fila">
            <div class="columna1" >Especialidad</div>
            <div class="columna2">:</div>
            <div class="columna3"><?php echo $lista_especialidad; ?></div>
        </div>
        <div id="campo_matricula" class="fila">
            <div class="columna1" >Matricula / ID</div>
            <div class="columna2">:</div>
            <div class="columna3">
                <input type="text" name="matricula" class="caja" id="matricula" onkeydown="posicionamiento(this, event, 'formu')" />
            </div>
        </div>		  
        <div id="campo_oficina" class="fila">
            <div class="columna1" >Oficina</div>
            <div class="columna2">:</div>
            <div class="columna3"><?php echo $lista_oficinas; ?></div>
        </div>

        <div id="campo_matricula" class="fila">
            <div class="columna1" >Fecha Inicio</div>
            <div class="columna2">:</div>
            <div class="columna3">
                <input type="text" size="8" name="fecha_ini" class="caja" id="fecha_ini" readonly="readonly" /><input name="button" class="boton" type="button" id="btn_fecha1" onkeydown="posicionamiento(this, event, 'formu')" onclick="displayCalendar(document.formu.fecha_ini, 'dd/mm/yyyy', this)" value="Cal" />
            </div>
        </div>		  
        <div id="campo_oficina" class="fila">
            <div class="columna1" >Fecha Fin </div>
            <div class="columna2">:</div>
            <div class="columna3"> <input type="text" size="8" name="fecha_fin" class="caja" id="fecha_fin" readonly="readonly"><input name="button" class="boton" id="btn_fecha2" onkeydown="posicionamiento(this, event, 'formu')" type="button" onclick="displayCalendar(document.formu.fecha_fin, 'dd/mm/yyyy', this)" value="Cal" /></div>
        </div>


        <div  class="salto_fila" >
            Datos Personales
        </div>		  		 



        <table width="100%" border="0" cellpadding="0" cellspacing="0"  id="datos_personales">

            <tr >
                <td width="223" class="columna11">Sexo</td>
                <td width="11">:</td>
                <td width="136"><span class="columna3">
                        <select name="sexo" id="sexo" onkeydown="posicionamiento(this, event, 'formu')" >
                            <option value=""></option>
                            <option value="M">Masculino</option>
                            <option value="F">Femenino</option>
                        </select>
                    </span></td>
                <td width="134">&nbsp;</td>
                <td width="144" align="right">Dni</td>
                <td width="27" align="center">:</td>
                <td width="283"><input type="text" name="dni" class="caja"  id="dni" size="12" onkeydown="posicionamiento(this, event, 'formu')" /></td>
            </tr>
            <tr>
                <td class="columna11">Nombres</td>
                <td>:</td>
                <td colspan="2">
                    <input type="text" name="nombres" class="caja"  id="nombres" onkeydown="posicionamiento(this, event, 'formu')" />              </td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td class="columna11">Apellido Paterno </td>
                <td>:</td>
                <td colspan="2"><input type="text" name="ape_pat"  class="caja" id="ape_pat" size="30" onkeydown="posicionamiento(this, event, 'formu')" /></td>
                <td align="right" >Apellido Materno </td>
                <td align="center">:</td>
                <td>
                    <input type="text" name="ape_mat"  id="ape_mat" class="caja" size="30" onkeydown="posicionamiento(this, event, 'formu')" />              </td>
            </tr>
            <tr>
                <td class="columna11">Domicilio</td>
                <td>:</td>
                <td colspan="5"><input type="text" name="domicilio" class="caja"  id="domicilio" size="75" onkeydown="posicionamiento(this, event, 'formu')" /></td>
            </tr>
            <tr>
                <td class="columna11">Telefono</td>
                <td>:</td>
                <td><input type="text" name="telefono"  id="telefono" class="caja" size="12" onkeydown="posicionamiento(this, event, 'formu')" /></td>
                <td colspan="2" align="center" >Celular : 
                    <input type="text" name="celular"  id="celular" class="caja" size="12" onkeydown="posicionamiento(this, event, 'formu')" />                 
                    Email</td>
                <td align="center">:</td>
                <td><input type="text" name="email"  id="email" class="caja" size="20" onkeydown="posicionamiento(this, event, 'formu')" /></td>
            </tr>
        </table>

        <div  class="salto_fila" >
            Fotografia
        </div>			  

        <table width="100%" border="0" cellpadding="0" cellspacing="0"  id="datos_personales">
            <tr>
                <td height="161" colspan="7" align="center" id="procesos_fotos"  >

                    <iframe id="cuadro_imagen" src="templates/adjunto.php?img=siluetaEidher.gif"   style="border:1px #CC3333 solid; background-color:#FFFFFF; padding-left:30px;"  frameborder="0" ></iframe>			  		  
                </td>
            </tr> 		  
        </table>

        <div class="salto_fila">
            <input type="button" botones="1"  name="Guardar" id="Guardar" value="Guardar" onclick="pre_validar_datos_usuarios()" onkeydown="posicionamiento(this, event, 'formu')" />
            <input type="button" botones="1"  name="imprimir" id="imprimir" value="Imprimir Carnet" onclick="imprimir_carnet()" onkeydown="posicionamiento(this, event, 'formu')" />
            <input type="button" botones="1"  name="Salir" id="Salir" value="Salir" onclick="cerrar_ventana();" onkeydown="posicionamiento(this, event, 'formu')"  />				
        </div>		  		  		  		  

        <input type="hidden" id="img" name="img" />	
        <input type="hidden" id="id_usuarios" name="id_usuarios" />	
        <div id="cargando" ><br><img src="images/loading21.gif" width="222" height="20" /></div>
    </form>		  
</div>	


